Basic Library for WPF/Silverlight
DropDown の作成
製品の概要 > Drop Down > DropDown の要素 > DropDown の作成

C1DropDown コントロールを XAML マークアップを使って作成するには、次の手順に従います。

  1. Visual Studio のソリューションエクスプローラで、プロジェクトファイルリスト内の[参照]フォルダを右クリックします。コンテキストメニューから[参照の追加]を選択し、C1.WPF.4.dll アセンブリを選択して、[OK]をクリックします。
  2. xmlns:c1="http://schemas.componentone.com/wpf/Basic" を初期状態の <Window> タグに追加し、プロジェクトに XAML 名前空間を追加します。次のようになります。
XAML
コードのコピー
<Window x:Class="C1WPFPropertyGridCS102809.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="288" Width="418" xmlns:c1="http://schemas.componentone.com/wpf/Basic">
  1. <c1:C1DropDown> タグをプロジェクトの <Grid> タグ内に追加して、C1DropDown コントロールを作成します。マークアップは次のようになります。
XAML
コードのコピー
<Grid>
    <c1:C1DropDown Height="30" Name="C1DropDown1" Width="100"/>
</Grid>

このマークアップは、「C1DropDown1」という名前の空の C1DropDown コントロールを作成し、コントロールのサイズを設定します。

  1. Visual Studio のソリューション エクスプローラーで、プロジェクトファイルリスト内の[参照]フォルダを右クリックします。コンテキストメニューから[参照の追加]を選択し、C1.Silverlight.dll アセンブリを選択し、[OK]をクリックします。
  2. xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" を初期の <UserControl> タグに追加することで、プロジェクトに XAML 名前空間を追加します。次のようになります。
XAML
コードのコピー
<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:c1="clr-namespace:C1.Silverlight;assembly=C1.Silverlight" x:Class="C1DropDown.MainPage" Width="640" Height="480">
  1. <c1:C1DropDown> タグをプロジェクトの <Grid> タグ内に追加して、C1DropDownを作成します。マークアップは次のようになります。
XAML
コードのコピー
<Grid x:Name="LayoutRoot" Background="White">
    <c1:C1DropDown Height="30" Name="c1dropdown1" Width="100" />
</Grid>

このマークアップは、「c1dropdown1」という名前の空の C1DropDownを作成し、コントロールのサイズを設定します。

  1. Visual Studio のソリューションエクスプローラで、プロジェクトファイルリスト内の[参照]フォルダを右クリックします。コンテキストメニューから[参照の追加]を選択し、C1.WPF.4.dll アセンブリを選択して、[OK]をクリックします。
  2. [XAML] ビューで、タグを次のように更新し、ウィンドウ内の初期状態のグリッドに名前を付けます。
XAML
コードのコピー
<Grid x:Name="LayoutRoot">
  1. [Window1.xaml]ウィンドウ内で右クリックし、[コードの表示]を選択してコードビューに切り替えます。
  2. 次の import 文をページの先頭に追加します。
Visual Basic
コードのコピー
Imports C1.WPF
C#
コードのコピー
using C1.WPF;
  1. ページのコンストラクタに、C1DropDown コントロールを作成するコードを追加します。次のようになります。
Visual Basic
コードのコピー
Public Sub New()
    InitializeComponent()
    Dim c1DropDown1 as New C1DropDown
    c1DropDown1.Height = 30
    c1DropDown1.Width = 100
    LayoutRoot.Children.Add(c1DropDown1)
End Sub
C#
コードのコピー
public Window1()
{
    InitializeComponent();
    C1DropDown c1DropDown1 = new C1DropDown();
    c1DropDown1.Height = 30;
    c1DropDown1.Width = 100;
    LayoutRoot.Children.Add(c1DropDown1);s
}

このコードは、「c1DropDown1」という名前の空の C1DropDown コントロールを作成し、コントロールのサイズを設定し、コントロールをウィンドウに追加します。

  1. x:Name="C1ComboBox1" を <c1:C1ComboBox> タグに追加します。これで、このオブジェクトをコードから呼び出すための一意の識別子が指定されます。
  2. MainPage.xaml.cs または MainWindow.xaml.cs ページを開きます
  3. 以下の名前空間をプロジェクトにインポートします。
Visual Basic
コードのコピー
Imports System.Collections.Generic

C#
コードのコピー
using System.Collections.Generic;
  1. InitializeComponent() メソッドの下に次のコードを追加してリストを作成します。
Visual Basic
コードのコピー
Dim dropDownList As New List(Of String)()
dropDownList.Add("C1ComboBoxItem1")
dropDownList.Add("C1ComboBoxItem2")
dropDownList.Add("C1ComboBoxItem3")
dropDownList.Add("C1ComboBoxItem4")

C#
コードのコピー
List<string> dropDownList = new List<string>();
dropDownList.Add("C1ComboBoxItem1");
dropDownList.Add("C1ComboBoxItem2");
dropDownList.Add("C1ComboBoxItem3");
dropDownList.Add("C1ComboBoxItem4");
  1. ItemsSource プロパティを設定して、ComboBox にこのリストを追加します。
Visual Basic
コードのコピー
C1ComboBox1.ItemsSource = dropDownList

C#
コードのコピー
C1ComboBox1.ItemsSource = dropDownList;
  1. プログラムを実行します。
  1. ウィンドウのデザイン領域をクリックして選択します。
  2. ツールボックスの[C1DropDown]アイコンをダブルクリックして、コントロールをパネルに追加します。これで、C1DropDown コントロールがアプリケーションに追加されました。
  3. 必要に応じて、コントロールを選択し、[プロパティ]ウィンドウでプロパティを設定することにより、コントロールをカスタマイズすることもできます。